<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>销售顾问:牛艳兵</title>
    <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0,maximum-scale=1.0,user-scalable=no;">
    <link rel="stylesheet" type="text/css" href="view/iwocar5/css/main.css" />
	<style>
	.checkallguest{
		color:#3333FF;
	}
	</style>
	<script src="view/iwocar5/js/jquery-1.11.1.min.js"></script>
	<script>
	$(function(){
		//$(".buyAlert").css('display', 'none'); 
		//$('.recommendAlert').css('display', 'none');u

		$('.intention').click(function() {
			$('.buyAlert').css('display', 'block');
		});
		$('.recommend').click(function() {
			$('.recommendAlert').css('display', 'block');
		});
        $('.closed').click(function(){
            $('.buyAlert').css('display','none')
        });

		$(".bl").click(function(){
			var id=18;
			var index=$('.bl').index(this);
			var bl=$(".bl:eq("+index+")").html();//获取意向
			var dep=$(".bl:eq("+index+")").data("likedep");//获取意向
			//console.log(dep);
			$("#buyyixiang").html(bl);
			//console.log(bl);
			$('.buyAlert').css('display', 'none');
			
			
		}); 
		$(".telsms").click(function(){
			$('.recommendAlert').css('display', 'none');
		})
		$(".recommendAlert").click(function(event){
		}); 
        $('.closed').click(function(){closed
            $('.recommendAlert').css('display','none')
        });



	});
	</script>
</head>
<body>
<!--    <div class="header">
        <h5>销售顾问李三<i class="arrow_l1"></i><em class="arrow_l2"></em></h5>
    </div>-->
    <div class="myHome">          
        <h3 class="pub-title">
            <span>当前顾客状态</span>
        </h3>
        <div class="buyIntention-gauge">
            <h4 class="title-4s">当前客户：无意向</h4>
            <div id="buyIntention-gauge"></div>  
        </div>     
            <h5 class="graph-title" style="top:320px;">
                <span>诚意购买</span>
                <span>意向购买</span>     
                <span>潜在购买</span>
                <span>无意向</span>             
            </h5>		
    </div>

    <div class="form-bar">
        <h3 class="pub-title">
            <span>接待客户分析</span>
            <div>
                <!--<span><i class="arrow_b"></i></span>
                <select id='jiedai'>
                  <option selected = "selected">今天</option>
                  <option>上周</option>
				  <option>本月</option>
				  <option>今年</option>
                </select>-->
            </div>
        </h3>
        <div class="form-border">
            <h3 class="form-title bar-title">
                <p>销量统计</p>
            </h3>   
            <div class="dataAnalyze-form" id="dataAnalyze1-form"></div>
        </div>
        <!--<div class="form-border">
            <h3 class="form-title bar-title">
                <p>接待统计</p>
            </h3>   
            <div class="dataAnalyze-form" id="dataAnalyze2-form"></div>
        </div>
        <div class="form-border">
            <h3 class="form-title bar-title">
                <p>集客总量与意向、成交比率</p>
            </h3>   
            <div class="dataAnalyze-form" id="dataAnalyze3-form"></div>
        </div>-->
    </div> 
    <div class="form-pie">
        <h3 class="pub-title">
            <span>进店频次分析</span>
        </h3>
        <div class="form-border">
            <h3 class="form-title">
                <p>进店频数</p>
            </h3>
            <div class="volume-from" id="volume1-from"></div>
            <h5 class="graph-title">
                <span>一次</span>
                <span>两次</span>     
                <span>三次</span>
                <span>三次以上</span>             
            </h5>
        </div>
		
		<div class="form-border">
            <h3 class="form-title bar-title">
                <p>停留时长<span>单位：分钟</span></p>
                
            </h3>   
            <div class="dataAnalyze-form" id="dataAnalyze4-form"></div>
        </div>			
		
        <div class="form-border">
            <h3 class="form-title">
                <p>进店周期</p>
            </h3>
            <div class="volume-from" id="volume2-from"></div>
            <h5 class="graph-title">
                <span>一月内</span>
               <!-- <span>两月内</span>-->
                <span>三月内</span>     
                <span>五月内</span>             
            </h5>
        </div>
        <div class="form-border" style="display:none;">
            <h3 class="form-title">
                <p>活动参与情况</p>
            </h3>
            <div class="volume-from" id="volume3-from"></div>
            <h5 class="graph-title">
                <span>参与</span>
                <span>未参与</span>     
                <span>参与两次以上</span>    
            </h5>
        </div>
    </div>
    <div class="form-pie" style="display:none;">
        <h3 class="pub-title">
            <span>成交用户精准画像</span>
        </h3>
        <div class="form-border">
            <div class="volume-from" id="volume4-from"></div>
            <h5 class="graph-title spec">
                <span>商务达人</span>
                <span>运动达人</span>     
                <span>金融人士</span><br />
                <span>公务员</span>  
                <span>专业人士</span>  
                <span>社交达人</span>             
            </h5>
        </div>
    </div>
    <div class="myHome">
        <h3 class="pub-title">
            <p>接待用户管理<span><a href="seemore.php">查看全部</a></span></p>
        </h3>
        <div class="buyIntention-gauge">
            <ul>
                <li>姓名：黄</li>
                <li>手机号：18600177119</li>
                <li>性别：先生</li>
                <li>意向车型：A1</li>                
                <div>
                    <p>购买意向：<span id="buyyixiang">无意向</span></p>
                </div>
                <div class="btn">
                    <a href="javascript:;" class="intention">修改意向</a>
                    <a href="4S_Saler_EditCustom.php?id=18">完善资料</a>
                    <a href="javascript:;" class="recommend">客户推荐</a>
                </div>
            </ul
        ></div> 
        <div style="width:100%; height:30px; "></div>       
    </div>
    <div class="homeAlert buyAlert" style="display:none;">
        <h3 style="font-weight:bold; ">购买意向</h3>
        <ul>
            <li class="bl" data-likedep="300">无意向</li>
            <li class="bl" data-likedep="900">诚意购买者</li>
            <li class="bl" data-likedep="400">潜在购买者</li>
            <li class="bl" data-likedep="650">意向购买者</li>
        </ul>
        <i class="closed" style="width:26px; height:26px; background:url(view/iwocar5/images/close.png) no-repeat; position:absolute; top:5px; right:5px; "></i>
    </div>
    <div class="homeAlert recommendAlert" style="display:none;height:200px;">
        <h3 style="font-weight:bold; ">客户推荐</h3>
        <p>近期店内所有车型直降2W元，邀朋友一起来，更有积分相送</p>
        <div>
           <span class="telsms"><a href="sms:18600177119"><img src="view/iwocar5/images/msg.png"/>发短信</a></span>
           <span class="telsms"><a href="tel:18600177119"><img src="view/iwocar5/images/tel.png"/>打电话</a></span>
           
        </div>
        <!--<div style='margin-top:20px;float:right;background-color:#fff;width:25px;padding:11px 30px;' id='off'>关闭</div>-->
        <i class="closed" style="width:26px; height:26px; background:url(view/iwocar5/images/close.png) no-repeat; position:absolute; top:5px; right:5px; "></i>
    </div>

    <script src="http://echarts.baidu.com/build/dist/echarts.js"></script>
    
    <script type="text/javascript">
        // 路径配置
        require.config({
            paths: {
                echarts: 'http://echarts.baidu.com/build/dist'
            }
        });

        //使用
        require(
            [
                'echarts',
                'echarts/chart/gauge' // 加载line模块，按需加载
            ],
            function (ec) {
                // 基于准备好的dom，初始化echarts图表
                var myChart = ec.init(document.getElementById('buyIntention-gauge')); 
                
                var option = {
                        series : [
                            {
                                type:'gauge',
                                min:0,
                                max:1000,
								splitNumber:4,
                                data:[{value: 300,}],
                                title:{
                                    offsetCenter:[0,80],
                                    textStyle:{
                                        color:'#c00000',
                                        fontSize:16,
                                    }
                                },
                                 axisLine: {            // 坐标轴线
                                    lineStyle: {       // 属性lineStyle控制线条样式
                                        color: [[0.25, '#b1b6b9'],[0.5, '#6d7578'],[0.75, '#434c53'],[1, '#cc0033']], 
                                        width: 8
                                    }
                                },  
                                detail : {
                                    textStyle: {       // 其余属性默认使用全局文本样式，详见TEXTSTYLE
                                        fontWeight: 'bolder',
                                        //color: '#c00000',
                                    }
                                },         
                                pointer : {
                                    color : '#c00000',
                                },
								splitLine:{
									show: true,
									length :10,
									lineStyle: {
										color: '#eee',
										width: 2,
										type: 'solid'
									}
								} 
						
                            }
                        ],
                    };                                   
                    
        
                // 为echarts对象加载数据 
                myChart.setOption(option);
                window.onresize = myChart.resize;
            }
        );
        
        // 使用
        require(
            [
                'echarts',
                'echarts/chart/bar' // 使用柱状图就加载bar模块，按需加载
            ],
            function (ec) {
                // 基于准备好的dom，初始化echarts图表
                var myChart = ec.init(document.getElementById('dataAnalyze1-form')); 
                
                var option = {
                    calculable : false,
                    xAxis : [
                        {
                            type : 'category',
                            data : ['今天','昨天'],
                            axisLine: {lineStyle: {color: '#EEEEEE'}},
                            splitLine : {
                                show : false,
                            },
                        }
                    ],
                    yAxis : [
                        {
                            type : 'value',
                            scale : true,
                            axisLine: {lineStyle: {color: '#EEEEEE'}},
                        }
                    ],
                    series : [
                        {
                            // name:'蒸发量',
                            type:'bar',
                            barCategoryGap : '80%',
                            itemStyle: {
                                normal: {
                                    color: '#434c53',
                                    label : {
                                        show: true, position: 'top',
                                        textStyle:{
                                            color : '#000',
                                        }
                                    }
                                }
                            },
                            //data:[24,30]
							data:[0,0]
                        }
                    ],
                    grid : {
                        x : '20%',
                        y : '15%',
                        x2 : '10%',
                        y2 : '20%'
                    }
                };
				
				
        
                // 为echarts对象加载数据 
                myChart.setOption(option); 
                window.onresize = myChart.resize;
            }
        );
        
        // 使用
        /* require(
            [
                'echarts',
                'echarts/chart/bar' // 使用柱状图就加载bar模块，按需加载
            ],
            function (ec) {
                // 基于准备好的dom，初始化echarts图表
                var myChart = ec.init(document.getElementById('dataAnalyze2-form')); 
                

                var option = {
                    calculable : false,
                    xAxis : [
                        {
                            type : 'category',
                            data : ['今天','昨天'],
                            axisLine: {lineStyle: {color: '#EEEEEE'}},
                            splitLine : {
                                show : false,
                            },
                        }
                    ],
                    yAxis : [
                        {
                            type : 'value',
                            scale : true,
                            axisLine: {lineStyle: {color: '#EEEEEE'}},
                        }
                    ],
                    series : [
                        {
                            // name:'蒸发量',
                            type:'bar',
                            barCategoryGap : '80%',
                            itemStyle: {
                                normal: {
                                    color: '#434c53',
                                    label : {
                                        show: true, position: 'top',
                                        textStyle:{
                                            color : '#000',
                                        }
                                    }
                                }
                            },// data:[56,64]
                            data:[35,67]
                        }
                    ],
                    grid : {
                        x : '20%',
                        y : '15%',
                        x2 : '10%',
                        y2 : '20%'
                    }
                };
        
                // 为echarts对象加载数据 
                myChart.setOption(option); 
                window.onresize = myChart.resize;
            }
        ); */

        //使用
        /* require(
            [
                'echarts',
                'echarts/chart/line' // 加载line模块，按需加载
            ],
            function (ec) {
                // 基于准备好的dom，初始化echarts图表
                var myChart = ec.init(document.getElementById('dataAnalyze3-form')); 
                
                var option = {
                        calculable : true,
                        color : ["#4f81bd"],
                        xAxis : [
                            {
                                type : 'category',
                                boundaryGap : false,
                                data : ['接待总量','意向客户占比','成交客户占比'],
                                axisLine: {lineStyle: {color: '#EEEEEE'}},
                                splitLine : {show : false,}
                            }
                        ],
                        yAxis : [
                            {
                                type : 'value',
                                axisLabel : {
                                    formatter: '{value}%'  //为y轴添加单位
                                },
                                axisLine: {lineStyle: {color: '#EEEEEE'}},
                            }
                        ],
                        series : [
                            {
                                type:'line',
                                itemStyle: {
                                    normal: {
                                        color: '#434c53',
                                        label : {
                                            show: true, position: 'right',
                                        textStyle:{
                                            color : '#000',
                                        }
                                        }
                                    }
                                },
                                data:[100,25,12]
                            }
                        ],
                    grid : {
                        x : '20%',
                        y : '15%',
                        x2 : '13%',
                        y2 : '20%'
                    }
                    };                                   
                    
        
                // 为echarts对象加载数据 
                myChart.setOption(option);
                window.onresize = myChart.resize;
            }
        ); */

        // 使用
        require(
            [
                'echarts',
                'echarts/chart/pie' // 加载pie模块，按需加载
            ],
            function (ec) {
                // 基于准备好的dom，初始化echarts图表
                var myChart = ec.init(document.getElementById('volume1-from')); 
                
                var option = {
                        color : ["#c00000",'#434c53','#6d7578','#b1b6b9'],
                        series : [
                            {
                                type:'pie',
                                itemStyle : {
                                    normal : {
                                        label : {
                                            position : 'inner'
                                        },
                                        labelLine : {
                                            show : false
                                        }
                                    }
                                },
                                data:[
                                     {value:1225, name:"3%"},
                                    {value:530, name:'1%'},
                                    {value:690, name:'1%'},
                                    {value:56435, name:'95%'},
                                ]
                            }
                        ]
                    };
                    
        
                // 为echarts对象加载数据 
                myChart.setOption(option); 
                window.onresize = myChart.resize;
            }
        );

        // 使用
        require(
            [
                'echarts',
                'echarts/chart/pie' // 加载pie模块，按需加载
            ],
            function (ec) {
                // 基于准备好的dom，初始化echarts图表
                var myChart = ec.init(document.getElementById('volume2-from')); 
                
                var option = {
                        color : ["#c00000",'#434c53','#6d7578','#b1b6b9'],
                        series : [
                            {
                                type:'pie',
                                itemStyle : {
                                    normal : {
                                        label : {
                                            position : 'inner'
                                        },
                                        labelLine : {
                                            show : false
                                        }
                                    }
                                },
                                data:[
                                   {value:39, name:'44%'},
                                    {value:34, name:'38%'},
                                    {value:17, name:'18%'},
                                ]
                            }
                        ]
                    };
                    
        
                // 为echarts对象加载数据 
                myChart.setOption(option); 
                window.onresize = myChart.resize;
            }
        );

        // 使用
        require(
            [
                'echarts',
                'echarts/chart/pie' // 加载pie模块，按需加载
            ],
            function (ec) {
                // 基于准备好的dom，初始化echarts图表
                var myChart = ec.init(document.getElementById('volume3-from')); 
                
                var option = {
                        color : ["#c00000",'#434c53','#6d7578'],
                        series : [
                            {
                                type:'pie',
                                itemStyle : {
                                    normal : {
                                        label : {
                                            position : 'inner'
                                        },
                                        labelLine : {
                                            show : false
                                        }
                                    }
                                },
                                data:[
                                    {value:37, name:'37%'},
                                    {value:46, name:'46%'},
                                    {value:17, name:'17%'},
                                ]
                            }
                        ]
                    };
                    
        
                // 为echarts对象加载数据 
                myChart.setOption(option); 
                window.onresize = myChart.resize;
            }
        );

        // 使用
        require(
            [
                'echarts',
                'echarts/chart/pie' // 加载pie模块，按需加载
            ],
            function (ec) {
                // 基于准备好的dom，初始化echarts图表
                var myChart = ec.init(document.getElementById('volume4-from')); 
                
                var option = {
                        color : ['#c00000','#000',"#434c53",'#6d7578',"#b1b6b9",'#d5d9d8'],
                        series : [
                            {
                                type:'pie',
                                itemStyle : {
                                    normal : {
                                        label : {
                                            position : 'inner'
                                        },
                                        labelLine : {
                                            show : false
                                        }
                                    }
                                },
                                data:[
                                    {value:10, name:'10%'},
                                    {value:20, name:'20%'},
                                    {value:15, name:'15%'},
                                    {value:43, name:'30%'},
                                    {value:12, name:'12%'},
                                    {value:12, name:'13%'},
                                ]
                            }
                        ]
                    };
                    
        
                // 为echarts对象加载数据 
                myChart.setOption(option); 
                window.onresize = myChart.resize;
            }
        );
//进店停留时长
        require(
            [
                'echarts',
                'echarts/chart/line' // 加载line模块，按需加载
            ],
            function (ec) {
                // 基于准备好的dom，初始化echarts图表
                var myChart = ec.init(document.getElementById('dataAnalyze4-form')); 
                
                var option = {
                        calculable : true,
                        color : ["#4f81bd"],
                        xAxis : [
                            {
                                type : 'category',
                                boundaryGap : false,
                                data : ['9:00','10:00','11:00','12:00','13:00','14:00','15:00','16:00','17:00','18:00'],
                                axisLine: {lineStyle: {color: '#EEEEEE'}},
                                splitLine : {show : false,},
								axisLabel : {textStyle : {fontSize : 6,}}
                            }
                        ],
                        yAxis : [
                            {
                                type : 'value',
                                // axisLabel : {
                                //     formatter: '{value}%'  //为y轴添加单位
                                // },
                                axisLine: {lineStyle: {color: '#EEEEEE'}},
                            }
                        ],
                        series : [
                            {
                                type:'line',
                                itemStyle: {
                                    normal: {
                                        color: '#4D545A',
                                        label : {
                                            show: true, position: 'top',
                                        textStyle:{
                                            color : '#000',
                                        }
                                        }
                                    }
                                },
                                data:[
14,0,0,0,0,0,0,0,0,0								
								]
                            }
                        ],
                    grid : {
                        x : '15%',
                        y : '15%',
                        x2 : '13%',
                        y2 : '20%'
                    }
                    };                                   
                    
        
                // 为echarts对象加载数据 
                myChart.setOption(option);
                window.onresize = myChart.resize;
            }
        );	

		
</script>
</body>
</html>